<template>
	<div class="educationexperience">
			<div class="basic_data_jb" style="margin-bottom: 20px;">
				<img src="../../../../../static/img/res_img/jbzl.png" class="basic_data_img"/>
				<span class="span1">教育经历</span>
				<span class="bitian">(必填)</span>
			</div>
			
			<div id="education_info">
				<div class="education_info">
					<div  class="education_left">
						<img src="../../../../../static/img/res_img/edu.jpg" style="width: 68px;"/>
					</div>
					<div  class="education_right">
						<div class="education_right_school">华中农业大学楚天学院（2012/09–2016/07）</div>
						<div class="education_right_res">本科 | 计算机软件</div>
						<div class="education_right_yes">统招</div>
					</div>
				</div>
			</div>
			
			<i-button type="primary" long @click="Addeducationexperience" v-show="edushow">+添加教育经历</i-button>
			<div  class="_addbasic_data"  v-show="educationexperience">
				<ul  class="add_work_education">
					<li>
						学校名称：</span>
						<i-input :value.sync="value" placeholder="请输入..." style="width: 86%"></i-input>
					</li>
					<li>
						专业名称：
						<i-input :value.sync="value" placeholder="请输入..." style="width: 86%"></i-input>
					</li>
					<li>
						就读时间：
						 <Row>
					        <Col span="12">
					            <DatePicker type="daterange" placement="bottom-end" placeholder="Select date" style="width: 86%"></DatePicker>
					        </Col>
					    </Row>
					</li>
					<li>
						<div class="work_education1">
							<div class="work_education11">
								学历<span style="visibility: hidden;">我们</span>：
							  <!-- <Select v-model="modele" style="width:200px">
							        <Option v-for="item in education" :value="item.value" :key="item.value">{{ item.label }}</Option>
							    </Select>-->
							</div>
							<div class="work_education11">
								<Checkbox v-model="single1">是否统招</Checkbox>
							</div>
						</div>
					</li>
				</ul>
				<div class="basic_data_foot">
					<i-button type="primary" style="width: 100px; margin-right: 50px;" @click="handleInfoSurelClick">保存</i-button>
				    <i-button style="width: 100px;" @click="handleInfoCancelClick">取消</i-button>
				</div>
			</div>
		</div>
</template>
<style>
	#education_info{
		margin-bottom: 30px;
	}
	.education_left{
		padding-left: 40px;
	}
	.education_right{
		padding-left: 15px;
	}
	.education_right_school{
		font-size: 13px;
		font-weight: 700;
	}
	.education_right_res{
		font-size: 13px;
		margin-top: 5px;
		color: #999999;
	}
	.education_right_yes{
		font-size: 13px;
		margin-top: 5px;
	}
	.education_info{
		height: 70px;
		display: flex;
	}
</style>
<script>
	export default {
    	name: 'Edu',
        data () {
            return {
                edushow:true,
                educationexperience:false,
                single1:true
            }
        },
        methods:{
			handleInfoCancelClick(){
				this.edushow = true,
            	this.educationexperience = false
			},
			handleInfoSurelClick(){
				this.edushow = true,
            	this.educationexperience = false
			},
            Addeducationexperience(){
            	this.edushow = false,
            	this.educationexperience = true
            }
		}
    }
</script>
